import React, { Component } from 'react'

export default class Count extends Component {
  // constructor() {
  // super()
  //state是固定的
  // this.state = {
  //   // 对象里面的属性,随便写
  //   c: 0,
  //   msg: 'hello state',
  // }

  // this.handle = () => {
  //   this.setState({
  //     c: this.state.c + 1,
  //   })
  // }
  // }

  // es6定义函数的写法.handle加到原型上
  // handle(){}

  // es7在类中新增了一个语法.handle直接加到了实例上
  // 其实就相当于是在构造器中this.handle = () => {}的简写
  state = { c: 0, msg: 'hello state' }
  handle = () => {
    this.setState({
      c: this.state.c + 1,
    })
  }

  render() {
    return (
      <div>
        <p>{this.state.c}</p>
        <p>{this.state.msg}</p>
        <button
          // onClick={this.handle}
          onClick={this.handle}
        >
          +
        </button>
      </div>
    )
  }
}
